<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易163邮箱</title>
    <link rel="stylesheet" href="base.css">
    <script type="text/javascript" src="base.js"></script>
</head>
<body>

<div id="overall">

    <div id="top">
        <div id="top_left">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
        <div id="top_right">
            <a href="#">了解更多 </a>|
            <a href="#"> 反馈意见</a>
        </div>
    </div>

    <div id="middle">
        <div id="middle_title_center">
            <div id="middle_title_right">
                <div id="middle_title_left">
                    <h1>欢迎注册无限量的网易邮箱！邮件地址可以登录使用其他网易旗下产品</h1>
                </div>
            </div>
        </div>
        <div id="middle_left">
            <div id="middle_nav">
                <ul>
                    <li><a href="#">注册字母邮箱</a></li>
                    <li><a href="#">注册手机号码邮箱</a></li>
                    <li><a href="#">注册VIP邮箱</a></li>
                </ul>
            </div>
            <div id="message">
                <form action="#">
                    <ul>
                        <li>
                            <span><em>* </em>邮箱地址</span>
                            <div class="input_table">
                                <input type="text" value="建议使用手机号进行注册" id="email_url">@
                                <select name="email_suf" class="email_suf">
                                    <option value="163.com">163.com</option>
                                    <option value="126.com">126.com</option>
                                    <option value="163.com">163.com</option>
                                    <option value="yeah.net">yeah.net</option>
                                    <option value="vip.163.com">vip.163.com</option>
                                    <option value="vip.126.com">vip.126.com</option>
                                </select>
                                <p>6~18个字符，可使用字母、数字、下划线，需以字母开头</p>
                            </div>
                        </li>
                        <li>
                            <span><em>* </em>密码</span>
                            <div class="input_table">
                                <input type="password" id="pw">
                                <p>6~16个字符，区分大小写</p>
                            </div>
                        </li>
                        <li>
                            <span><em>* </em>确认密码</span>
                            <div class="input_table">
                                <input type="password" id="confirm_pw">
                                <p>请再次填写密码</p>
                            </div>
                        </li>
                        <li>
                            <span><em>* </em>密码保护</span>
                            <div class="input_table">
                                <input type="text">
                                <p>忘记密码时，可以通过手机号快速找回</p>
                            </div>
                        </li>
                        <li>
                            <span><em>* </em>验证码</span>
                            <div class="input_table">
                                <input type="text">
                                <p>请输入图片中的字符，不区分大小写</p>
                            </div>
                            <img src="images/call.jpg" alt="二维码">
                        </li>
                        <li>
                            <span></span>
                            <div class="input_table">
                                <input type="checkbox" name="pact" checked="checked">
                                <span>同意<a href="#">“服务条款”</a>和<a href="#">“隐私保护和个人信息利用政策”</a></span>
                            </div>
                        </li>
                    </ul>
                    <input type="submit" id="sub">
                </form>
            </div>
        </div>
        <div id="middle_right">
            <img src="images/reg_master.gif" alt="邮箱大师">
        </div>
    </div>

    <div id="bottom">
        <ul class="bottom_links">
            <li><a href="#">关于网易</a></li>
            <li><a href="#">关于网易免费邮</a></li>
            <li><a href="#">邮箱官方博客</a></li>
            <li><a href="#">客户服务</a></li>
            <li><a href="#">隐私政策</a></li>
            <li>| 网易公司版权所有 &#169 1997-2017</li>
        </ul>
    </div>

</div>

</body>
</html>